<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>详情页</title>
    <link rel="stylesheet" href="/css/details.css">
    <link rel="stylesheet" href="/libs/font/iconfont.css">
    <link rel="shortcut icon" type="image/x-icon" media="all" href="/images/favicon.ico" />
</head>
<body>
    <div class="heart">
        <!-- 头部 -->
        <div class="header">
            
        </div>
        <!-- Location -->
        <div class="Location"></div>
        <!-- container -->
        <div class="container">
            <!-- 内容 -->
            <div class="neirong2" id="neirong2">
                    
            </div>
            <script type="text/html" id="detailTemplate">
                <div class="product-news">
                    <div class="product-img">
                        <!-- 放大镜 -->
                        <img src="{{img[0]}}" data-zoom-image="{{img[0]}}" class="zoom-image">
                        <!-- 点击轮播 -->
                        <div class="spec-n5">
                            <div class="control"><img src="/images/details/left.gif"></div>
                            <ul class="spec-list" id="spec-list">
                                {{each img src}}
                                <li >
                                    <a href="javascript:;" data-image="{{src}}"  data-zoom-image="{{src}}"> 
                                        <img src="{{ src }}" class="spec-list-img">
                                    </a>
                                </li>
                                 {{/each}}
                            </ul>
                            <div class="control"><img src="/images/details/right.gif"></div>
                        </div>
                    </div>
                    <div class="product-value">
                        <h2>{{title}}</h2>
                        <!-- 产品介绍 -->
                        <div class="summary">
                            {{desc}}
                        </div>
                        <!-- 产品价格 -->
                        <dl>
                            <dt>优惠价：</dt>
                             <dd>
                                <p class="price">¥{{price}}</p>
                            </dd>
                        </dl>
                        <!-- 规格选择 -->
                        <div class="product-size">
                            <div class="selector">选择规格：</div>
                             <ul id="choose-models">
                                {{each type types}}
                                    <li class="models" id="models"><a href="javascript:;">{{types}}</a></li>
                                {{/each}}
                            </ul>
                        </div>
                        <!-- 口味选择 -->
                        <div class="taste-choose">
                            <div class="selector">蛋糕夹层：</div>
                            <ul id="tastes-id">
                                    {{each taste tastes}}
                                        <li class="tastes-li" id="tastes-li"><a href="javascript:;">{{tastes}}</a></li>
                                    {{/each}}
                            </ul>
                        </div>
                        <!-- 添加到购物车 -->
                        <div class="buy-box">
                            <div class="selector">数&nbsp;&nbsp;&nbsp;&nbsp;量：</div>
                            <ul>
                                <li class="number">
                                    <div class="left" id="countNum">1</div>
                                    <div class="right">
                                        <span class="numadd">+</span>
                                        <span class="numreduce">-</span>
                                    </div>
                                </li>
                                <button class="btn-buy"><a href="/html/buy-cart.html">立即购买</a></button>
                                <button class="btn-addcarts" id="add-to-cart-btn">
                                    <div><i class="iconfont icon-shangpingouwudai2"></i></div>
                                    加入购物车
                                </button>
                            </ul>
                        </div>
                        <!-- 承诺 -->
                        <div class="chengnuo">
                            服务成诺：
                            <img src="/images/details/00.gif">
                            精选食材
                            <img src="/images/details/00.gif">
                            品质保证
                            <img src="/images/details/00.gif">
                            五星服务
                            <img src="/images/details/00.gif">
                            贴心宅配
                        </div>
                        <!-- 收藏 -->
                        <div class="enshrine">
                            <div class="bianhao">商品编号：100000027</div>
                            <div class="shoucang">
                                <a href="javascript:;">
                                    <div><i class="iconfont icon-aixin"></i></div>
                                    <span>收藏</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 产品内容详解 -->
                <div class="product-content">
                    <div class="content-title">
                        <ul>
                            <li class="change">商品介绍</li>
                            <li>商品评价</li>
                        </ul>  
                    </div>
                    <div class="content2">
                        <div class="content-page1">
                            {{each img2 src2}}
                            <img src="{{src2}}">
                            {{/each}}
                        </div>
                        <div class="conttent-page2"></div> 
                    </div>
                </div>
            </script>

            <!-- sidebar -->
            <div class="sidebar">
                <h3 class="redtitle">
                    猜你喜欢
                </h3>
                <ul id="sidebar-bottom">
                    
                </ul>
                <script type="text/html" id="guessYourLove">
                    {{each guessLove like}}
                        <li>
                            <a href="/html/details.html?id={{like.id}}">
                                <img src="{{like.img}}">
                            </a>
                            <p>¥{{like.price}}</p>
                            <span>{{like.name}}</span>
                        </li>
                    {{/each}}
                </script>
            </div>
        </div>
        <!-- footer -->
        <footer>
            
        </footer>
    </div>
    <!-- 右侧购物车固定栏 -->
    <div class="floatbar">
        
    </div>
</body>
<script src="/libs/requirejs/require.min.js" data-main="/js/details"></script>
</html>